p { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; }
h3 { margin-top: 20px; }
.basic_html p { margin-top: 0.4em; margin-bottom: 0.4em; }
.basic_html li { margin-left: 20px; }
.basic_html th, .basic_html td { padding: 2px 8px; border: #DDDDDF solid thin; }

.presentation { height: 108px; background: #212c43; }
.main-nav { height: 73px; background: #212c43; /* opacity: 0.95; filter: alpha(opacity=95); */ }
.top-info { height: 35px; border-top: black solid 1px; }
.logo { padding-top: 16px; }
.logo-img { margin-bottom: 20px; }
ul#navigation > li > a { padding: 23px 15px 21px; }
ul#navigation a:hover, ul#navigation .active-item > a { color: #5ba5eb; }
#navigation { padding-top: 5px; }

@media (min-width: 768px) { ul#navigation > li:hover > ul { top: 70px; background: rgba(33, 44, 67, 0.9); } }
#navigation-toggle { margin-top: 8px; }

.home-title-wrapper {
  background: url(/images/home-photo.jpg) repeat-x center 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.home-title-wrapper .page-title-secondary { text-shadow: none; }
.home-title-wrapper .page-title-secondary span { display: inline-block; padding: 4px 12px 6px 12px; background: rgba(33, 44, 67, 0.1); border-radius: 8px; }
/* use color instead of placeholder image for framework, mantle, etc */
.services-title-wrapper { background-image: none; background-color: #437ac3; }
.icon-circle--small { padding-top: 2px; }
.circle-info .icon-circle--small { padding-left: 2px; }
.list__item .icon-circle { padding-left: 2px; }

.divider-circle-light { margin-top: 29px; }
.divider-circle--light { margin-top: 29px; }

/* better handle moqui logo image */
.moqui-logo { margin-top: 0px; height: 40px; }
@media (min-width: 768px) {
  .presentation { height: 35px; background: #212c43; }
  .main-nav.fixed-pos { top: 0px; }
  .top-info { margin-top: 73px; }
  .circle-info__title { font-size: 26px; }
  .circle-button__title { font-size: 26px; }
}

.promobox { background-image: none; }
.promobox-position-short { position: relative; z-index: 100; margin-top: -30px; margin-bottom: -10px; }

.btn-wide { padding: 7px 20px 7px 20px; font-size: 24px; }
.promobox .btn-wide { float: right; padding: 7px 20px 7px 20px; margin-top: 0; margin-left: 8px; }
.promobox .promobox-img { float: right; margin-top: 8px; margin-left: 8px; }
.promobox__text.promobox-wide { max-width: 100%; }

.row.link-bar { text-align: center; font-size: 24px; }

.section-title { margin-top: 20px; margin-bottom: 41px; font-size: 25px; line-height: 38px; }
.section-title .text-highlight { font-size: 50px; }
.section-title-simple { font-size: 30px; line-height: 30px; }
.section-title--smaller { margin-top: 20px; margin-bottom: 20px; font-size: 20px; line-height: 26px; }
.section-title--smaller .text-highlight { font-size: 35px; }

.services .service__description { padding-top: 20px; font-size: 14px; line-height: 18px; }

.services-description .service__text { font-size: 12px; line-height: 16px; }
.services-description .services__item.small { min-height: 110px; padding: 15px 15px; margin: 12px 0 0;
  background: #e3e8ec; border: 4px solid #f1f3f5; }
.services-description .small .icon-circle { float: left; margin-top: 4px; margin-right: 16px; margin-bottom: 10px;
  width: 50px; height: 50px; border: 2px solid #212c43; font-size: 24px; padding-top: 11px; }
.services-description .small .service__title { margin-top: 0; margin-bottom: 4px; font-size: 18px; line-height: 18px; }

.accordion-wide { max-width: 100%; }

.logo_gallery div { display: flex; align-items: center; justify-content: center; height: 90px; text-align: center; }
.logo_gallery img { max-height: 90px; max-width: 150px; }
.logo_gallery a { font-size: 20px; }

/* fix code:brush syntaxhighlighter line numbers */
.syntaxhighlighter { white-space: normal; background: white; }

.Login .form-signin { display: block; width: 400px; padding: 10px; margin: 0 auto; border-radius: 3px; }
.Login .form-signin input { width: 100%; height: auto; font-size: 1.2em; }
.Login .form-signin input.top { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.Login .form-signin input.middle { margin-bottom: -1px; border-radius: 0; }
.Login .form-signin input.bottom { border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 10px; }

/* wiki screen, including CodeMirror class */
#wiki-page-area { width: 100%; overflow-x: scroll; overflow-y: visible; }
#wiki-page-area th, #wiki-page-area td { padding: 2px 4px 2px 4px; border: thin solid lightgrey; }
.CodeMirror, .CodeMirror-scroll { min-height: 600px; min-width: 800px; }
pre { background: inherit; }

.form-control { display: inline; min-width: 20px; width: auto; max-width: 100%; }
.table-condensed .form-group { margin-bottom: 0; }

nav.form-list-nav .pagination { margin: 6px 6px 0 6px; padding:0; border:0; }
nav.form-list-nav>form.form-inline { display: inline-block; margin: 2px 6px 0 0; float: left; }
nav.form-list-nav>.btn { display: inline-block; margin: 6px 6px 0 6px; float: left; }
nav.form-list-nav>span.select2-container { float: left; margin: 6px 0 6px 0; min-width: 100px; max-width: 160px; }

/* move id based anchor target up for fixed header */
h1:target, h2:target, h3:target { display: inline-block; padding-top: 108px; margin-top: -60px; }
/* fix default nowrap in jstree */
.jstree-default .jstree-anchor { white-space: normal; height: auto; }
